html, body {
	width:		100%;
	height:		100%;					
	padding:	0;
	margin:		0;
	overflow:	auto; /* when page gets too small */
}

.pane {
	display:	none; /* will appear when layout inits */
}

#page{
	height:	100%;			
}

#logo{
	background: url('../images/logo.png') no-repeat top left;
	width: 235px;
	height: 55px;
	position:relative;
	float:left;
}

#main_menu{
	width: 500px;
	height: 20px;
	position:relative;
	float:left;
	margin:15px 0 0 40px;
}

#header{
	position:absolute;
	z-index:100;
	padding:1px 5px;
	background-color: #D8D8D8;
	background-image: -webkit-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -moz-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -o-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -ms-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: linear-gradient(top, #F4F4F4, #D8D8D8);
	border-bottom: #AAA 1px solid;
	border-top: none;
	width:100%;
}

#center{
	border: none;
	padding:0px 0px;
}	

#footer{
	padding:2px 5px;
	background-color:#CCCCCC;
	background-color: #D8D8D8;
	background-image: -webkit-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -moz-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -o-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -ms-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: linear-gradient(top, #F4F4F4, #D8D8D8);
	border-top: #AAA 1px solid;
	border-bottom: none;
}


.menu_left{
	background-color: #F5F5F5;
	
}


#container{
	height:100%;
}

#home, #myTabContent{
	height:100%;
}

.container_page{
	height:100%;
}

#Topmenu{
	float:left;
	position:relative;
	width: 200px;
	margin-top:13px;
	z-index:10000;
}

.widget {
	z-index:1001;
	position: absolute;
	width: 800px;
	height: 600px;
	top:2px;left:2px;
	background-color: white;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	overflow:hidden;
}

.widget_zone .NOT_on_top{
	z-index:1;
}

.widget_zone .on_top{
	z-index:1002;
}


button.open {
	padding: 0;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	margin-top:3px;margin-left:10px
}

.open {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: black;
	text-shadow: 0 1px 0 white;
	/*opacity: 0.2;
	filter: alpha(opacity=20);*/
}

.widget-body {
	position:absolute;
	overflow: auto;
	padding: 15px;
	
}

#monitor_view{
	list-style: none;
}

ul.dropdown-menu li{
	
	cursor:pointer;

}

ul.dropdown-menu li.li_grey a{
	display: block;padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #333;
}

ul.dropdown-menu li.li_grey a:hover{
	background-color:#EEE;
}
/*************/
#dialogBox {
			overflow:	hidden;	/* eliminate space for scrollbar in dialog - not needed when using a layout */
			display:	block;
			padding:	0;		/* nullify ui-widget-content */
			padding-top: 4px;	/* add some white-space below titlebar for cosmetics */
			/* COULD add a border and/or padding if desire a different look...
			padding:	6px;
			border:		1px solid #BBB;
			*/
		}
		#dialogBox {
			/*
			 *	THIS HACK FIXES A DIALOG BOX POSITIONING BUG
			 *	prevents incorrect top/left values that are applied from taking effect
			 *	This page now uses a patched version of UI 1.8.1, so this hack no longer required
			 *	SEE UI Ticket #5662 - http://dev.jqueryui.com/ticket/5662#comment:3 
			top:		0 !important;
			left:		0 !important;
			 */
			/* background:	#AFA; DEBUGGING */
			/*position:	relative; - triggers resizeable._alsoResize bug when using Opera */
			}
			#dialogBox .ui-widget-content {
				/* nullify ui-widget-content bg-image - but KEEP widget bg-color */
				background-image: none;
			}
			#dialogBox .ui-layout-pane {
				/* start by removing all padding & scrolling */
				padding:	0;
				overflow:	hidden;
			}
			#dialogBox .pane-header ,
			#dialogBox .ui-layout-content ,
			#dialogBox .ui-layout-south {
				padding:	5px 10px;
			}
			#dialogBox .pane-header {
				border-width:	0 0 1px; /* nullify ui-widget-content border, except bottom */
			}
			#dialogBox .pane-footer {
				border-width:	1px 0 0; /* nullify ui-widget-content border, except top */
				font-size:		.85em;
				font-weight:	normal;
				padding:		2px 10px 4px;
			}
			#dialogBox .ui-layout-content {
				border:			0; /* nullify ui-widget-content border - 'pane' already has this */
				overflow:		auto;
			}
			#dialogBox .ui-layout-south {
				 /* has ui-widget-header for cosmetics - override defaults */
				 font-weight:	normal; /* NOT bold in statusbar */
				 font-size:		.85em;	/* smaller text */
				 padding-top:	2px;	/* nice and small */
				 padding-bottom:3px;
			}
			#dialogBox .ui-layout-resizer-west {
				/* NOTE: SOMETHING in the theme CSS is setting opacity here */
				opacity:	.01;
				filter:		alpha(opacity=1);
				background: #F00 url(../lib/img/resizable-w.gif) no-repeat 0 center;
			}
			#dialogBox .ui-layout-resizer-west-closed {
				background-image: url(../lib/img/resizable-e.gif); /* looks better */
				border:			1px solid #6C0;
				border-width:	1px 0;
				opacity:		.70;
				filter:			alpha(opacity=70);
			}
			#dialogBox .ui-layout-resizer-dragging ,
			#dialogBox .ui-layout-resizer-sliding ,
			#dialogBox .ui-layout-resizer:hover {
				opacity:		1;
				filter:			alpha(opacity=100);
				}
				#dialogBox .ui-layout-toggler {
					/*background:	#CCC;*/
				}

.ui-resizable-helper { border: 2px dotted #00F; }
